<template>
  <a-config-provider
    :theme="{
      algorithm: [darkAlgorithm],
      components: {
        Button: {
          colorPrimary: '#1655ad',
        },
      },
    }"
    :locale="locale"
  >
    <router-view />
  </a-config-provider>
</template>
<script setup>
import { ConfigProvider } from 'ant-design-vue';
import { theme } from 'ant-design-vue';
import zhCN from "ant-design-vue/es/locale/zh_CN";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
const locale = ref(zhCN);
const { darkAlgorithm, compactAlgorithm } = theme;
</script>
<style lang="less">
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: #141414; /* 滚动条背景 */
}
*::-webkit-scrollbar-thumb {
  background: #666; /* 滚动条指示器透明 */
  border-radius: 4px; /* 使指示器变宽 */
}
/* 滚动条指示器在hover时的样式 */
*:hover::-webkit-scrollbar-thumb {
  background: #999; /* 鼠标悬停时变色 */
}
*:hover::-webkit-scrollbar-track {
  background: hsla(0, 0%, 53%, 0.1); /* 滚动条轨道在hover时变色 */
}
&:not(:hover)::-webkit-scrollbar-thumb {
  background: transparent;
}
.ant-pagination {
  text-align: right;
  margin: 14px 0;
}
</style>
